<div dojoAttachPoint="containerNode" style="overflow: hidden">
    <div dojoAttachPoint="borderContainer" dojoType="dijit.layout.BorderContainer" title="tabnamn" design="sidebar">
        <div dojoAttachPoint="browse" dojoType="dojox.layout.ExpandoPane" splitter="true" duration="125" region="left" title="Urval" startExpanded="true" maxWidth="400px" style="width: 300px;">
            <div dojoAttachPoint="grid,selector" selectionMode="single" store="OfficeStore" dojoType="dojox.grid.DataGrid" style="height: 100%; width: 100%;"></div>
        </div>
        <div dojoAttachPoint="detailSwitch" dojoType="dijit.layout.StackContainer" id="OfficeDetailSwitch" region="center">
            <div href="${helpUrl}" region="center" dojoAttachPoint="help" dojoType="dijit.layout.ContentPane" title="Hjälp">
                <h1>Office management</h1>
            </div>
            <div dojoType="dijit.layout.BorderContainer" dojoAttachPoint="edit" design="sidebar" title="Editera">
                <div dojoAttachPoint="main" dojoType="dijit.layout.AccordionContainer" region="center" style="overflow: hidden">
                    <div dojoType="dijit.layout.ContentPane" title="Teaser" style="overflow: hidden">
                        <div dojoAttachPoint="forms,teaserEditor" dojoType="dijit.Editor" name="#Translation.{lang}.teaser" id="officeTeaserEditor" styleSheets="/css/editor.css" extraPlugins="[
{name:  'dojox.editor.plugins.UploadImage',
 renderEvent: 'ss/renderDone',
 command: 'uploadImage',
 uploadUrl:'/images/UploadFile.php',
 downloadPath:'/images/',
 tempImageUrl:'/gui/busy.gif'},'formatBlock','ViewSource']">
                            <p>
                                Teaser
                            </p>
                        </div>
                    </div>
                    <div dojoType="dijit.layout.ContentPane" selected="true" title="Text" style="overflow: hidden">
                        <div dojoAttachPoint="forms,textEditor" dojoType="dijit.Editor"  name="#Translation.{lang}.text" id="officeTextEditor" styleSheets="/css/editor.css" extraPlugins="[
{name:  'dojox.editor.plugins.UploadImage',
 renderEvent: 'ss/renderDone',
 command: 'uploadImage',
 uploadUrl:'/images/UploadFile.php',
 downloadPath:'/images/',
 tempImageUrl:'/gui/busy.gif'},'formatBlock','ViewSource']">
                            <p>
                                Text
                            </p>
                        </div>
                    </div>
                </div>
                <div dojoAttachPoint="buttonBar" class="buttonbar" dojoType="dijit.layout.ContentPane" region="bottom" splitter="false" style="height: 27px; padding: 0; border: 0; margin: 0">
                </div>
                <div dojoAttachPoint="detail" class="narrowForms" dojoType="dojox.layout.ExpandoPane" splitter="true" duration="125" region="right" title="Detaljer" startExpanded="false" maxWidth="400px" style="width: 300px">
                    <div dojoType="dijit.layout.AccordionContainer" title="Innehåll">
                		<div dojoAttachPoint="namePane" dojoType="dijit.layout.ContentPane" title="Rubriker">
			                <label for="active">Active</label>
			                <input dojoAttachPoint="forms" value="active" name="active" dojoType="dijit.form.CheckBox"/>
	                        <label for="#Translation.{lang}.name">
	                            Namn
	                        </label>
	                        <input type="text" dojoAttachPoint="forms,slugsource" name="#Translation.{lang}.name" dojoType="dijit.form.TextBox" />
	                        <label for="slug">
	                            Slug
	                        </label>
	                        <input type="text" dojoAttachPoint="forms,slug" name="slug" dojoType="dijit.form.TextBox" />
						</div>
						<div dojoAttachPoint="namePane" dojoType="dijit.layout.ContentPane" title="Adress">
	                        <label for="phone">Telefon</label>
	                        <input type="text" dojoAttachPoint="forms" name="phone" dojoType="dijit.form.TextBox" />
	                        <label for="fax">Fax</label>
	                        <input type="text" dojoAttachPoint="forms" name="fax" dojoType="dijit.form.TextBox" />
	                        <label for="email">E-post</label>
	                        <input type="text" dojoAttachPoint="forms" name="email" dojoType="dijit.form.TextBox" />
					        <label for="vadress">Besöksadress</label>
							<div dojoAttachPoint="forms" dojoType="dijit.form.Textarea" name="vadress"></div>
					        <label for="padress">Postadress</label>
							<div dojoAttachPoint="forms" dojoType="dijit.form.Textarea" name="padress"></div>
	                        <label for="zip">Postnummer</label>
	                        <input type="text" dojoAttachPoint="forms" name="zip" dojoType="dijit.form.TextBox" />
	                        <label for="city">Ort</label>
	                        <input type="text" dojoAttachPoint="forms" name="city" dojoType="dijit.form.TextBox" />
	                        <label for="country">Land</label>
	                        <input type="text" dojoAttachPoint="forms" name="country" dojoType="dijit.form.TextBox" />
	                        <label for="orgnr">Org.nr.</label>
	                        <input type="text" dojoAttachPoint="forms" name="orgnr" dojoType="dijit.form.TextBox" />
					        <label for="header">Annan text</label>
							<div dojoAttachPoint="forms" dojoType="dijit.form.Textarea" name="header"></div>
						</div>
                    </div>
					
                </div>
            </div>
        </div>
    </div>
</div>